<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<%@include file="/WEB-INF/base.jspf"%>
		<title>购彩中心</title>
		<style>
			a {display:inline-block;width: 20%;text-align: center; padding-top: 5px;height: 52px;background: #059BF3}
			a *{color: white;}
			a .glyphicon{font-size: 24px;}
			a .title{font-size: 12px;margin-top: -2px;}
			.active{background: green}
		</style>
	</head>
	<body style="background: #059BF3">
		<a class="sy active" href="sy.do" target="_parent">
			<span class="glyphicon glyphicon-th-large" style="padding-left: 2px;"></span>
			<div class="title">首页</div>
		</a><a class="gc" href="gc.do" target="_parent">
			<span class="glyphicon glyphicon-list-alt" style="padding-right: 3px;"></span>
			<div class="title">购彩</div>
		</a><a class="kj" href="lotteryrecord.do" target="_parent">
			<span class="glyphicon glyphicon-tower"></span>
			<div class="title">开奖</div>
		</a><a class="zs" href="trendchart.do" target="_parent">
			<span class="glyphicon glyphicon-random"></span>
			<div class="title">走势</div>
		</a><a class="wd" href="wd.do" target="_parent">
			<span class="glyphicon glyphicon-user"></span>
			<div class="title">我的</div>
		</a>
	</body>
	<script type="text/javascript">
		$("a").on("click",function(){
			$(".active").removeClass("active")
			localStorage.setItem("act",$(this).attr("class"))
			$(this).addClass("active")
		})
		$(".active").removeClass("active")
		$("."+localStorage.getItem("act")).addClass("active")
	</script>
</html>